/**
 * Created by w2ex on 9/29/16.
 */
'use strict'

import React from 'react'
import Page from '../../../base/Page'
import * as layout from '../../../configs/layout'
import ActionButton from '../../../ui/button/ActionButton'
import FullButton from '../../../ui/button/FullButton'

export default class PageButton extends Page {
    constructor(props) {
        super(props)
    }

    render() {
        return (
            <div>
                <h1>按钮组件</h1>
                <div className="flex-h flex-justify" style={{paddingLeft: layout.HORIZONTAL_PADDING, paddingRight: layout.HORIZONTAL_PADDING}}>
                    <ActionButton text="点我啊" themes="silent" style={{width: '100px'}} onClick={() => {alert('我是一个按钮')}}/>
                    <ActionButton text="点我啊" themes="danger" style={{width: '100px'}} onClick={() => {alert('我是一个按钮')}}/>
                    <ActionButton text="点我啊" themes="outline" style={{width: '100px'}} onClick={() => {alert('我是一个按钮')}}/>
                </div>
                <hr/>
                <FullButton text="点我啊" themes="outline" onClick={() => {alert('我是一个大按钮')}} />
                <hr/>
                <FullButton text="点我啊" onClick={() => {alert('我是一个大按钮')}} />
                <hr/>
                <FullButton text="点我啊" themes="silent" onClick={() => {alert('我是一个大按钮')}} />
                <hr/>
                <FullButton text="点我啊" themes="normal" onClick={() => {alert('我是一个大按钮')}} />
            </div>
        )
    }
}

PageButton.defaultProps = {
    title: '按钮组件'
}